<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/add_manage.css"/>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="../css/city-picker.css">

    <style type="text/css">
        body {
            width: 100%;
            height: 100%;

            overflow: overlay;
        }

        .layui-container {
            width: 100%;
            height: 100%;

        }

        .logo-title {
            text-align: left;
            letter-spacing: 2px;
            padding: 10px 0;
        }

        .logo-title h1 {
            font-size: 25px;
            font-weight: bold;
        }

        .layui-form {
            background-color: #fff;
            border: 1px solid #fff;
            border-radius: 3px;
            padding: 0px 20px;
            box-sizing: border-box;
        }

        .layui-form .layui-form-item label {
            width: 100px;
        }

        .layui-form .layui-form-item input {
            line-height: 36px;
        }

        .add_btn {
            float: right;
            right: 20px;
        }
    </style>
</head>
<body>
<div class="layui-container">
    <div class="layui-login-background">
        <div class="layui-form ">
            <form class="layui-form" action="" id="popupForm" lay-filter="dataform">
                <div class="layui-form-item logo-title">
                    <ul class="layui-anim-up  ">
                        <li class="layui-nav-item">
                            <i class="layui-icon layui-icon-username" style="font-size: 30px; color: #1E9FFF;"></i>
                            <span style="font-size: 20px; ">个人信息 </span> <br><br>
                            <br>
                            <br>

                        </li>

                    </ul>
                </div>
                <fieldset class="layui-elem-field layui-field-title">

                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_name"><font style="color: red;">*</font>姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="u_name" lay-verify="required|username" autocomplete="off"
                                   class="layui-input" value="李四"/>
                            <input type="hidden" name="id" >
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_sex">性别</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="u_sex" value="男" title="男"> <input type="radio" name="u_sex"
                                                                                         value="女" title="女">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">年龄</label>
                        <div class="layui-input-inline">
                            <input type="number" name="u_age" lay-verify="int" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"><font style="color: red;">*</font>手机号</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="u_phone" lay-verify="required|phone" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_nation"><font style="color: red;">*</font>民族</label>
                        <div class="layui-input-inline">
                            <input type="text" name="u_nation" lay-verify="required" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_politics"><font style="color: red;">*</font>政治面貌</label>
                        <div class="layui-input-inline">
                            <input type="text" name="u_politics" lay-verify="required" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_department">部门</label>
                        <div class="layui-input-inline">
                            <select name="u_department" lay-verify="required">
                                <option value=""></option>
                                <option value="人事部">人事部</option>
                                <option value="市场部">市场部</option>
                                <option value="企划部">企划部</option>
                                <option value="财务部">财务部</option>
                                <option value="管理中心">管理中心</option>
                            </select>
                        </div>
                    </div>
                </div>


                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_job">岗位</label>
                        <div class="layui-input-inline">
                            <select name="u_job" lay-verify="required">
                                <option value=""></option>
                                <option value="销售">销售</option>
                                <option value="客服">客服</option>
                                <option value="经理">经理</option>
                                <option value="主任">主任</option>
                                <option value="管事">管事</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_superior">直属上级</label>
                        <div class="layui-input-inline">
                            <select name="u_superior" lay-verify="required">
                                <option value=""></option>
                                <option value="张三">张三</option>
                                <option value="李四">李四</option>
                                <option value="王五">王五</option>

                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_job_number"><font style="color: red;">*</font>工号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="u_job_number" lay-verify="required" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_ismarry">是否已婚</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="u_ismarry" value="是" title="是" checked> <input type="radio"
                                                                                                     name="u_ismarry"
                                                                                                     value="否"
                                                                                                     title="否">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_health">是否健康</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="u_health" value="健康" title="健康" checked> <input type="radio"
                                                                                                      name="u_health"
                                                                                                      value="不健康"
                                                                                                      title="不健康">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" for="u_education">最高学历</label>

                        <div class="layui-input-inline">
                            <input style="color: darkgray;" readonly="readonly" value="硕士" type="test"
                                   name="u_education" class="layui-input" id="u_entry_time" placeholder="">
                        </div>

                    </div>
                </div>
                <div class="layui-form-item add_btn">

                    <button class="layui-btn" lay-submit="save" lay-filter="save">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>


<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/message_me.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/getUrlParam.js"></script>

<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/citydata.js"></script>
<script type="text/javascript" src="../js/cityPicker-1.0.0.js?v=1"></script>
<script type="text/javascript">
    //模拟城市-联动/搜索
    $(function () {
        $('#city-picker-search').cityPicker({
            dataJson: cityData,
            renderMode: true,
            search: true,
            linkage: true

        })
    })

</script>
</body>
</html>
